<template>
  <view class="container">
    <custom-nav></custom-nav>
    <view class="apply-con">
      <view class="a-title">注销申请须知</view>
      <view class="a-text">1、注销后无法以所绑定微信号登录完美繁花微信小程序。</view>
      <view class="a-text">2、注销后本人无法找回相亲资料，其他家长将不再会看到您的相亲资料。</view>
      <view class="a-text">3、注销后将无法找回相互收藏、联系过的人。</view>
      <view class="a-text a-strong">4、如想暂时停止相亲，请返回申请暂停相亲，如有问题可以 <text class="a-serve" @click="toServe">联系客服</text> 。</view>
      <view class="apply-btns">
        <custom-btn class="a-btn" @click="goBack">放弃</custom-btn>
        <custom-btn class="a-btn" @click="toNext">下一步</custom-btn>
      </view>
    </view>

  </view>
</template>

<script setup>

// 引入api
import useStore from "@/store";
const { common } = useStore();
const toServe = () => {
  common.updatePopupOpen(true, "serve");
};
const goBack = () => {
  uni.navigateBack({ delta: 1 });
};
const toNext = () => {
  uni.navigateTo({ url: "/subPages/settings/logout" });
};
</script>

<style lang=scss scoped>
@import "@/styles/global.scss";
.apply-con {
  padding: 50rpx;
}
.a-title {
  font-weight: 800;
  font-size: 48rpx;
  color: #000;
  padding: 30rpx 0 80rpx;
  text-align: center;
}
.a-text {
  font-weight: 500;
  font-size: 36rpx;
  color: #000;
  line-height: 60rpx;
  margin-bottom: 20rpx;
}
.a-strong {
  font-weight: bold;
}
.a-serve {
  color: #f65952;
  border-bottom: 1px solid #f65952;
  // text-decoration: underline;
}

.apply-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 100rpx;
  .a-btn {
    width: 310rpx;
    height: 120rpx;
    font-weight: 600;
    font-size: 36rpx;
    color: #f65952;
    line-height: 120rpx;
    border-radius: 120rpx;
    border: 2rpx solid #f65952;
    &:last-child {
      color: #fff;
      background: #f65952;
    }
  }
}
</style>